function animation(obj,target,callback) {
    clearInterval(obj.timer);
   

    obj.timer = setInterval(  function() {
        var step = (target - obj.offsetLeft) / 10 ;
        step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if(obj.offsetLeft == target) {
            clearInterval(obj.timer);
            
            // 短路运算，当第一个为真的时候，才看下一个，
            callback && callback();
            console.log('调用成功');

        }
        obj.style.left = obj.offsetLeft + step +'px';
    },15);
  
} 
 
console.log('引入成功');

/* function animation(obj, target, callback) {
    // 先清除以前的定时器，只保留当前的一个定时器执行
    clearInterval(obj.timer);
    obj.timer = setInterval(function() {
        // 步长值写到定时器的里面
        // 把我们步长值改为整数 不要出现小数的问题
        var step = (target - obj.offsetLeft) / 10;
        step = step > 0 ? Math.ceil(step) : Math.floor(step);
        if (obj.offsetLeft == target) {
            // 停止动画 本质是停止定时器
            clearInterval(obj.timer);
            // 如果传入回调函数则执行，如果没有则不执行
            callback && callback()
        }
        // 把每次加固定值的步长值改为一个慢慢变小的值  步长公式：(目标值 - 现在的位置) / 10
        obj.style.left = obj.offsetLeft + step + 'px';

    }, 15);
} */


/* animation(div,400) */

/* function animation(obj,target,callback) { //callback 接受到的是个函数 callback = function(){}
    clearInterval(obj.timer);
    obj.timer = setInterval(function() {
        // 要写在定时器里面
        var step = (target - obj.offsetLeft) / 10;
        step = step > 0 ?  Math.ceil(step) : Math.floor(step) ;
        if(obj.offsetLeft == target) {
            clearInterval(obj.timer);
            if(callback) { // 判断有没有传入callback 函数
                callback(); // 盒子到800之后才改颜色，所以要写在定时器结束后
                console.log('有引入');
                console.log(callback);
            }
            

        }
            
        obj.style.left = obj.offsetLeft + step +'px';
       

    },15)

} */